<template>
  <footer id="footer">
    <div class="container">
      <div class="row">
        <div class="footerbottom">
          <div class="col-md-3 col-sm-6">
            <div class="footerwidget">
              <h4>
                Course Categories
              </h4>
              <div class="menu-course">
                <ul class="menu">
                  <li><a >
                    List of Technology
                  </a>
                  </li>
                  <li><a >
                    List of Business
                  </a>
                  </li>
                  <li><a >
                    List of Photography
                  </a>
                  </li>
                  <li><a >
                    List of Language
                  </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="footerwidget">
              <h4>
                Products Categories
              </h4>
              <div class="menu-course">
                <ul class="menu">
                  <li><a >
                    Individual Plans </a>
                  </li>
                  <li><a >
                    Business Plans
                  </a>
                  </li>
                  <li><a >
                    Free Trial
                  </a>
                  </li>
                  <li><a >
                    Academic
                  </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="footerwidget">
              <h4>
                Browse by Categories
              </h4>
              <div class="menu-course">
                <ul class="menu">
                  <li><a >
                    All Courses
                  </a>
                  </li>
                  <li><a >
                    All Instructors
                  </a>
                  </li>
                  <li><a >
                    All Members
                  </a>
                  </li>
                  <li>
                    <a >
                      All Groups
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="footerwidget">
              <h4>Contact</h4>
              <p>Lorem reksi this dummy text unde omnis iste natus error sit volupum</p>
              <div class="contact-info">
                <i class="fa fa-map-marker"></i> Kerniles 416 - United Kingdom<br>
                <i class="fa fa-phone"></i>+00 123 156 711 <br>
                <i class="fa fa-envelope-o"></i> youremail@email.com
              </div>
            </div><!-- end widget -->
          </div>
        </div>
      </div>
      <div class="social text-center">
        <a ></a>
        <a ></a>
        <a ></a>
        <a ></a>
        <a ></a>
      </div>

      <div class="clear"></div>
      <!--CLEAR FLOATS-->
    </div>
    <div class="footer2">
      <div class="container">
        <div class="row">

          <div class="col-md-6 panel">
            <div class="panel-body">
              <p class="simplenav">
                <a >Home</a> |
                <a >About</a> |
                <a >Courses</a> |
                <a >Price</a> |
                <a >Videos</a> |
                <a >Contact</a>
              </p>
            </div>
          </div>

          <div class="col-md-6 panel">
            <div class="panel-body">
              <p class="text-right">
                Copyright &copy; 2019. <a >Free Templates</a> by
                WebThemez
              </p>
            </div>
          </div>

        </div>
        <!-- /row of panels -->
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "foot"
}
</script>

<style scoped>

</style>